import React, { memo } from "react";
import css from './css.module.scss'
import { IMGURL } from '../../../../services/config'
export default memo(function ContactUs(props) {
    const { list = [] } = props
    return (
        <div className={css.contact_us}>
            {list.map((item, index) => {
                return (
                    <div key={index}>
                        {item.options.map((item2, index2) => {
                            return (
                                <div key={item.title + index2} className={css.title_box}>
                                    <div className={css.title_big}>{item2.title}</div>
                                    {item2.options.map((item3, index3) => {
                                        return (
                                            <div key={index3 + 22}>
                                                {item3.type === 'text' ? <div className={css.title_sm}>{item3.text}</div> : <img src={IMGURL + item3.text} alt='' style={{ width: '120px', height: '120px', marginBottom: '30px' }} />}
                                            </div>
                                        )
                                    })}
                                </div>
                            )
                        })}

                    </div>
                )
            })}
        </div>
    )
})
